<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>p1_CSS的三种位置</title>


        <!-- 2.CSS内部样式:把style标签加到head标签中，内部的CSS对当前页面生效 -->
        <style>
            /* 标签名选择器 选中所有的p元素 */
            p {
                color:blue;
            }
            h2{
                background-color: red !important;
            }

        </style>
        <!-- 3.CSS外部样式文件引入: -->
        <link rel="stylesheet" href="01-css.css">
    </head>
    <body>
        <!-- 1.行内样式：加在当前行元素上，只对当前行元素生效-->

        <h4 style="color:red;background-color: yellow;">我是h4标题1</h4>
        <h4>我是h4标题2</h4>
        <p>我是p段落</p>
        <p>我是p段落</p>
        <p>我是p段落</p>
        <div>我是div</div>
        <div>我是div</div>
        <div>我是div</div>
        <h2 style="background-color: yellow">我是h2标题 CSS优先级</h2>





    </body>
</html>